<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<script src="js/jquery.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/layui.css">
	<link rel="stylesheet" href="css/layui.mobile.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
	<base target="_blank">
</head>
<script>
var mybutton=document.getElementById("mynav");
var myheight=document.getElementById("frame");
myheight.onclick=function(){myheight.offsetHeight=250+"px";}
</script>

<body >
	<!-- 导航栏开始 -->
	
		<iframe src="header.html"  id="frame" allowtransparency="true" class="w-100" style="background-color:transparent;" frameborder="0" scrolling="no" height="75px"></iframe>
		
    <span class="blank" style="height:47.5px;"></span>
	
	<!-- 导航栏结束 -->
	<div class="dd">
		<!-- 网页主体开始 -->
		<div class="row m-0 w-100 mybanner">
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="pro.html" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">作品/展示</h1>
						<p class="font-gray px-4">站在新起点，迎接新挑战，创造新成绩。</p>
					</div>
					<div class="bg bg-active"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">个人/介绍</h1>
						<p class="font-gray px-4">伟大的力量存在于我们的内心，笑容改变世界</p>
					</div>
					<div class="bg"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">博客/学习</h1>
						<p class="font-gray px-4">当才华还撑不起野心时，那就该静下心学习。</p>
					</div>
					<div class="bg"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">生活/记录</h1>
						<p class="font-gray px-4">每一个不曾起舞的日子，都是对生命的辜负。</p>
					</div>
					<div class="bg"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
		</div>
	</div>
	<!-- <script>
	var mybutton=document.getElementById("mynav");
	var myheight=document.getElementById("frame");
	myheight.onclick=function(){myheight.offsetHeight=250+"px";}
	</script> -->
</body>

</html>